---
const posts = [
  { title: "主页", herf: "/" },
  { title: "threlte", herf: "/3d" },
  { title: "主页1", herf: "/b" },
  { title: "主页2", herf: "/c" },
  { title: "主页3", herf: "/d" },
]
---

<html>
  <head>
    <meta charset="utf-8" />
    <title>My Cool Astro Site</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <div h20 bg-blue flex justify-center items-center>
      {posts.map((post) => <a href={post.herf}>{post.title}</a>)}
    </div>

    <slot />

    <div mt-5 w-full h-20 bg-blue flex justify-center items-center bottom-0>
      layouts
    </div>
  </body>
</html>
